<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
		<title>通讯录</title>
		<link rel="icon" id="favicon" href="//g.alicdn.com/dingding/web/0.2.6/img/oldIcon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../css/address-book.css" />
		<link rel="stylesheet" href="../font/iconfont.css">
		<link rel="stylesheet" href="../css/swiper.css">
		<script src="../js/rem.js"></script>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/jquery-1.12.4.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- header -->
			<div class="header">
				<div class="header-left">
					<p>通讯录</p>
				</div>
				<div class="header-right">
					<ul>
						<li><a href=""><img src="../img/tongxunlu1.jpg" alt=""></a></li>
					</ul>
				</div>
			</div>
			<!-- tabs -->
			<div class="tabs">
				<form action="">
					<span><img src="../img/big.png" alt=""></span>
					<input type="text" placeholder="搜索" class="ipt">
				</form>
			</div>
			<!-- banner -->
			<div class="banner">
				<div class="banner-left">
					<ul class="banner-left-left">
						<li><img src="../img/tongxunlu2.jpg"></li>
					</ul>
					<ul class="banner-left-right">
						<li>
							<p>安徽粮食工程职业学院</p>
						</li>
						<li class="left"><img src="../img/renzhen.jpg" alt="" class="renzhen"></li>
						<li class="left"><img src="../img/fenshu.jpg" class="fenshu"></li>
					</ul>
				</div>
				<div class="banner-right">
					<ul>
						<li class="list-top-right-margin"><img src="../img/tongxunlu5.jpg"></li>
						<li>
							<p>邀请</p>
						</li>
					</ul>
				</div>
			</div>
			<!-- list -->
			<div class="list">
				<div class="lists">
					<ul>
						<li class="lists-left"><img src="../img/tongxunlu6.jpg"></li>
						<li class="lists-right"><a href="#">组织架构</a></li>
					</ul>
				</div>
				<div class="lists">
					<ul>
						<li class="lists-left"><img src="../img/tongxunlu6.jpg"></li>
						<li class="lists-right"><a href="#">项目</a></li>
					</ul>
				</div>
				<div class="lists">
					<ul>
						<li class="lists-left"><img src="../img/tongxunlu7.jpg"></li>
						<li class="lists-right"><a href="#">智能办公硬件</a></li>
					</ul>
				</div>
				<div class="lists">
					<ul>
						<li class="lists-left"><img src="../img/tongxunlu8.jpg"></li>
						<li class="lists-right"><a href="#">外部联系人</a></li>
					</ul>
				</div>
				<div class="lists">
					<ul>
						<li class="lists-left"><img src="../img/tongxunlu9.jpg"></li>
						<li class="lists-right"><a href="#">企业主页</a></li>
					</ul>
				</div>
			</div>
			<div class="bg1"></div>
			<div class="list-a">
				<div class="lists-a">
					<ul>
						<li class="lists-left"><img src="../img/tongxunlu10.jpg"></li>
						<li class="lists-right"><a href="#">创建企业/组织/团体</a></li>
						<li class="list-right-right"><img src="../img/gongzuo5.jpg" ></li>
					</ul>
				</div>
			</div>
		<div class="bg1"></div>
		<div class="list-b">
			<div class="lists-a">
				<ul>
					<li class="lists-left"><img src="../img/tongxunlu11.jpg"></li>
					<li class="lists-right"><a href="#">新成员申请</a></li>
					<li class="list-right-right"><img src="../img/gongzuo5.jpg" ></li>
				</ul>
			</div>
			<div class="lists-a">
				<ul>
					<li class="lists-left"><img src="../img/tongxunlu12.jpg"></li>
					<li class="lists-right"><a href="#">我的好友</a></li>
					<li class="list-right-right"><img src="../img/gongzuo5.jpg" ></li>
				</ul>
			</div>
			<div class="lists-a">
				<ul>
					<li class="lists-left"><img src="../img/tongxunlu13.jpg"></li>
					<li class="lists-right"><a href="#">我的群组</a></li>
					<li class="list-right-right"><img src="../img/gongzuo5.jpg" ></li>
				</ul>
			</div>
			<div class="lists-a">
				<ul>
					<li class="lists-left"><img src="../img/tongxunlu14.jpg"></li>
					<li class="lists-right"><a href="#">项目空间</a></li>
					<li class="list-right-right"><img src="../img/gongzuo5.jpg" ></li>
				</ul>
			</div>
		</div>
		<div class="bg1"></div>
		<div class="relation">
			<div class="relation-top">
				<p>常用联系人</p>
			</div>
			<div class="relation-bottom">
				<ul>
					<li class="relation-bottom-left"><img src="../img/wode1.jpg" ></li>
					<li class="relation-bottom-right"><p>艺德</p></li>
				</ul>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<a href="news.html"><img src="../img/icon17.jpg"></a>
			<a href="schedule.html"><img src="../img/icon18.jpg"></a>
			<a href="work.html"><img src="../img/icon19.jpg"></a>
			<a href="address-book.html"><img src="../img/tongxulu999.jpg"></a>
			<a href="my.html"><img src="../img/icon21.jpg"></a>
		</div>
		</div>
	</body>
</html>
